<!-- 顶部蓝色 -->
<template>
	<view class="contaier">
		<view class="top-bg" >
			<image src="../../static/提交成功.png" mode="" class="logo">
			</image>
			<view class="writing">
				<text>总计得分</text>
			</view>
			<view class="score">
				<text>97.5</text>
			</view>
			<view class="remark">
				<view class="smallbox">
					<text>
						非常优秀，重点培养 
				
					</text>
					<view>
						<text>
							建议承担更大责任，激励倾斜，重点关注
							
						</text>
					</view>
					<view>
						此处文字为参考样式，可以根据需要修改
					</view>
				</view>
				
				
			</view>
	
		</view>
		<view class="">
			
			
		</view>

		
		
		
	</view>
</template>
<script>
	export default {
		data() {
			return {
		
			};
		},
		onLoad() {
			
		},
		methods: {

		}
	};
</script>



<style lang="scss" scoped>
	.contaier{
		height: 100vh;
		background-color: #ffffff;
	}
	.top-bg{
		width: 750rpx;
		height: 100%;
		background-size: 100%;
		background-repeat: no-repeat;
		text-align: center;
		padding-top: 170rpx;
		// border: 1px solid red;
		
		
		.logo {
		  // border: 1px solid red;
		  width: 214rpx;
		  height: 214rpx;
		 }
		.writing{
			// border: 1px solid red;
			width: 100%;
			height: 150rpx;
			font-size: 30rpx;
			color: #a7a1a0;
			display: flex;
			justify-content: space-around;
			align-items: flex-end;
			
		}
		.score{
			// border: 1px solid red;
			color: blue;
			height: 180rpx;
			font-size: 100rpx;
			font-weight:bold;
			 // font-family: math;
		}
		.remark{
			// border: 1px solid red;
			width: 100%;
			height: 450rpx;
			color: #9d9594;
			display: flex;
			justify-content: center;
			align-items: center;
			
		 .smallbox{
			 // border: 1px solid red;
			 width: 80%;
			 height: 200rpx;

			 
				
		 }
			 
			 
			 
		}
	// 	.icon{
	// 	width: 400rpx;
	// 	display: flex;
	// 	margin-top: 50rpx;
	// 	margin-left: auto;
	// 	margin-right: auto;
	// 	border: 1px solid red;
	// 	}


	}

	
</style>